<html lang="zh-CN" style="font-size: 253.733px;"><head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no,,minimum-scale=1,maximum-scale=1">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta content="telephone=no" name="format-detection">
    <title>商品列表</title>
    <link rel="stylesheet" type="text/css" href="__TMPL__Public/assets/css/common.css">
    <link rel="stylesheet" type="text/css" href="__TMPL__Public/assets/css/weui.min.css">
    <script type="text/javascript" src="__TMPL__Public/assets/js/common.js"></script>
    <script src="__TMPL__Public/assets/js/jquery-v1.10.2.min.js"></script>
    <script type="text/javascript" src="__TMPL__Public/assets/js/common.js"></script>
    <script src="__TMPL__Public/assets/layer/layer.js"></script>
    <style type="text/css">
        .select-nav{width: 100%; background: #fff; height: .8rem; position: fixed; top: 1.05rem; z-index: 2;}
        .menu-list{width:33%; height: 0.8rem; float: left;  position: relative; line-height: 0.8rem;text-align: center; color: #474444;}
        .menu-list strong{ font-size: 0.3rem; font-weight: normal; color: #bababa; height: 0.8rem;  line-height: 0.8rem; overflow: hidden; display: inline-block; }
        .menu-list span{ display: inline-block; width: 0.15rem; margin-left: 0.1rem; height:0.8rem; vertical-align: top; background:url(__TMPL__Public/assets/img/icon-chose.png) center center no-repeat; background-size: contain; }
        .menu-list span.icon-chose-double{background: url(__TMPL__Public/assets/img/icon-chose-double.png)center center no-repeat; background-size: contain;}

        /*选中单个箭头*/
        .select-nav .active strong{color: #8bc2e9}
        .select-nav .active span{background: url(__TMPL__Public/assets/img/icon-chose-down.png)center center no-repeat; background-size: contain;}
        /*选中箭头向下*/
        .select-nav .active span.icon-chose-down{ background: url(__TMPL__Public/assets/img/icon-chose-down.png)center center no-repeat; background-size: contain;}
        /*选中箭头向上*/
        .select-nav .active span.icon-chose-up{ background: url(__TMPL__Public/assets/img/icon-chose-up.png)center center no-repeat; background-size: contain;}

        /*列表*/
        .search-box{padding: 0.8rem 0 0.2rem 0;}
        .search-list>li{float: left; width: 3.45rem; margin:0.2rem 0 0 .2rem; min-height: 5.3rem; background: #fff;}
        .search-list>li>a{display: block;}
        .search-pic{width: 3.15rem; height: 4.45rem;  margin: 0.15rem;}
        .search-pic img{width: 100%; height: 100%;}
        h2.serch-tit{font-weight: normal; font-size: .3rem;  height: .35rem; line-height: .35rem; padding:0 0.15rem; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
        .serch-price{position: relative; padding: .15rem;}
        .serch-price span{display: inline-block; font-size: .3rem; color: #8bc2e9; }
        .serch-price em{display:inline-block; width: 0.34rem; height: 0.3rem;  background: url(__TMPL__Public/assets/img/icon-like.png) 0 0 no-repeat; background-size: cover; position: absolute; right: .2rem; top: .2rem;}
        .serch-price em.active{background: url(__TMPL__Public/assets/img/icon-like-on.png) 0 0 no-repeat; background-size: cover;}
        .goods-cls{background: url(__TMPL__Public/assets/img/icon011.png) 0 0 no-repeat; background-size: cover;width:.55rem;height:.55rem;}
        /*弹窗20161120*/
        .alert-mask{
            position: fixed;
            top: 0;
            left: 0;
            z-index: 10001;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.7);
        }

        .alert-content{
            overflow: hidden;
            width: 4.59rem;
            height: 7.49rem;
            margin: 0 auto;
            background: url(__TMPL__Public/assets/img/alert-bg.png) center center no-repeat;
            background-size: contain;
        }
        .alert-content h2{
            text-align: center;
            color: #fff;
            font-size: 0.36rem;
            margin-top: 2.1rem;
        }
        .alert-content p{
            width: 100%;
            height: 3.25rem;
            margin-top: 0.28rem;
            padding: 0.4rem;
            font-size: 0.32rem;
        }
        .sure-btn{
            text-align: center;
        }
        .sure-btn a{
            display: inline-block;
            padding: 0.2rem 0.4rem;
            background:#0fbfde;
            color: #fff;
            font-size: 0.28rem;
            border-radius: 5px;
            margin-top: 0.2rem;
        }
    </style>
    <script>
        $(document).ready(function(){
            $('.header .menu').click(function(){
                //console.info(111);
                //	document.cookie="school_code=;path=/;";
                //	window.history.back();
                window.location.href = "/index.php/Mobile/school/code/type/retail/setcookie/1.html";
            })
            var code_type='retail'
            if(code_type=='retail'){
                postList('','','','-1');
            }else{
                //myalert('校服为定制商品，生产周期约60天左右，请酌情选择尺码');
                //cookie
                if(""=="on"){
                    $(".alert-mask").show();
                    var aurl="/index.php/Mobile/School/alert_mask.html";
                    $.get(aurl);
                }

                postList();
            }
            selNav();
            $(".header").on('click','.list-cls',function(){
                var url="/index.php/Mobile/Goods/categoryList.html";
                //	window.location.href=url;
                $.get(url,function(data){
                    showList(data);
                })
            });
            //alert-bg
            //var alert_bg_url="/index.php/Mobile/goods/goodsAlert.html";
            //$.get(alert_bg_url,function(data){showList(data);})
        })
        function showList(html){

            layer.open({
                type: 1
                ,content:html
                ,shade:'background-color: rgba(0,0,0,.0)'
                ,anim: 'up'
                ,style: 'position:fixed; top:1.05rem; left:0; width: 100%; height: 100%; padding:10px 0; border:none;overflow:auto;'
            });
        }
        window.onpopstate=function(event){
            var date=new Date();
            $.get('/index.php/Mobile/School/cartNum/type/sale_type2.html'+'?t='+date,function(data){
                //alert(data);
                //	console.info(data);
                //data=Number(data);
                if(data==null||data==0){
                    $(".car-num").hide();
                }else{
                    $(".car-num").text(data);
                    $(".car-num").show();
                }
            });
        }
        function selNav(){
            $(".content").on('click','.select-nav li',function(){
                /*	$.post("/index.php/Mobile/School/glist.html",function(data){
                        console.info(data);
                        $(".content").html(data);
                    })
                */
                var index=$(this).attr('idx');
                var sex='';
                if(index==2){
                    myconfirm('请选择性别',['男孩','女孩'],function(){
                        sex='4';
                        postList('','',sex);
                    },function(){sex='7';
                        postList('','',sex);
                    });
                }else{
                    var order='desc';
                    if($(this).find('span').hasClass('icon-chose-up')){
                        order='asc';
                    }
                    postList(index,order);
                }
            })
        }
        function postList(index,order,sex,listtype){
            var data={"order_index":index,"orderby":order,'sex':sex,'listtype':listtype}
            data.type="sale_type2";
            //console.info(data);
            $.post("/index.php/Mobile/School/glist.html",data,function(data){
//			console.info(data);
                $(".content").html(data);
            })

        }
        function myconfirm(con,btn,fun,fun2){
            layer.open({
                content:con,
                btn:btn,
                skin:'footer',
                yes:function(index){
                    fun();
                    layer.close(index);
                },
                no:function(){
                    fun2();
                }
            });
        }

    </script>
    <meta name="__hash__" content="9927e3c4a0db51b72e986132b684f5da_9b9b44e15f9dae877d52116d19fc712b">
</head>
<body>

<div class="header">
    <div class="left-cart list-cls">
        <span></span>
    </div>				优品特卖
    <!--        <a href="wap-login.html" class="register-right"></a>-->
    <!-- 购物车 -->
    <a href="/index.php/Mobile/school/cart/type/sale_type2/school_id/61.html" class="right-cart">
            <span>
                <em class="car-num">2</em>
            </span>
    </a>
</div>

<div class="content">
    <div class="select-nav">
        <ul class="clearfix">
            <li class="menu-list active" idx="0">
                <strong>销量</strong>
                <span class="icon-chose-double"></span>
                <i></i>
            </li>
            <li class="menu-list" idx="1">
                <strong>价格</strong>
                <span class="icon-chose-double"></span>
                <i></i>
            </li>
        </ul>
    </div>
    <!-- 服装列表 -->
    <div class="search-box">
        <ul class="search-list clearfix">
            <li>
                <a class="search-list-item" href="/index.php/Mobile/school/goodsDetail/goods_id/255/order_type/sale_type2.html">
                    <div class="search-pic">
                        <img src="http://imgup.yunxiaofu.com.cn/images/share/1155?imageMogr2/thumbnail/250x&gt;/extent/250x350/background/d2hpdGU=">
                    </div>
                    <h2 class="serch-tit">TOREAD kids 女童半开抓绒衣</h2>
                    <div class="serch-price"><span>￥89.00/件</span></div>
                </a>
            </li>
            <li>
                <a class="search-list-item" href="/index.php/Mobile/school/goodsDetail/goods_id/256/order_type/sale_type2.html">
                    <div class="search-pic">
                        <img src="http://imgup.yunxiaofu.com.cn/images/share/1161?imageMogr2/thumbnail/250x&gt;/extent/250x350/background/d2hpdGU=">
                    </div>
                    <h2 class="serch-tit">TOREAD kids 女童徒步户外跑轻保暖夹克</h2>
                    <div class="serch-price"><span>￥139.00/件</span></div>
                </a>
            </li>
        </ul>
    </div>
</div>
<!-- 弹窗20161120 -->
<div class="alert-mask" style="display:none;">
    <div class="alert-content">
        <h2>温馨提示</h2>
        <p>校服为定制商品生产周期约为60天左右，请酌情选择尺码</p>
        <div class="sure-btn"><a href="javascript:;">我知道了</a></div>
    </div>
</div>
<!-- 底部链接 -->
<!--    <div class="footer-nav">
        <ul class="clearfix">
            <li class="icon-home">
                <a  href="/index.php/Mobile/School/index.html">
                    <span class="footer-nav-icon"></span>
                    <i>首页</i>
                </a>
            </li>

            <li class="icon-shop">
                <a class="active" href="/index.php/Mobile/school/code/type/all.html">
                    <span class="footer-nav-icon"></span>
                    <i>订购</i>
                </a>
            </li>

            <li class="icon-plus">
                <a  href="/index.php/Mobile/school/code/type/single.html">
                    <span class="footer-nav-icon "></span>
                    <i>补订</i>
                </a>
            </li>

            <li class="icon-car">
                <em class="car-num">1</em>
                <a  href="/index.php/Mobile/school/cart.html">
                    <span class="footer-nav-icon"></span>
                    <i>购物车</i>
                </a>
            </li>

            <li class="icon-account">
                <a  href="/index.php/Mobile/User/index.html">
                    <span class="footer-nav-icon"></span>
                    <i>我的</i>
                </a>
            </li>
        </ul>
    </div>-->
<link rel="stylesheet" type="text/css" href="/Template/mobile/yun/Static/css/footer.css">
<!--<script type="text/javascript" src="/Template/mobile/yun/Static/js/jquery-2.2.3.min.js"></script>-->
<script type="text/javascript" src="/Template/mobile/yun/Static/layer/layer.js"></script>
<script type="text/javascript" src="/Template/mobile/yun/Static/js/footer.js"></script>
<script>
    $(function(){
        $(".not_open").click(function(){
            myalert("该功能暂未开放");
        });
        $(".not_rm_open").click(function(){
            //myalert("正在筹备中 敬请期待");
            //school_code_click('retail','123123');
            school_code_click('retail','654321');
        });
        $(".not_kc_open").click(function(){
            myalert("库存盘点中 敬请期待");
        });

        $(".single").click(function(){
            school_code_click('single');
        });
        $(".retail").click(function(){
            myalert("库存盘点中，通道暂未开放");
            //school_code_click('retail');
        });
        $(".charit_act").click(function(){
            //	myalert("该功能暂未开放");
            window.location.href="/index.php/Mobile/School/news/key/Charit.html";
            //	school_code_click('retail','123123',true);
        });
        $(".angular_act").click(function(){
            window.location.href="/index.php/Mobile/School/news/key/Angular.html";
        });
        $(".dgall").on('click',function(){
            //	myalert('请您点击"单件补订"按钮')
            window.location.href="/index.php/Mobile/school/code/type/all.html";
        });
        $(".show-school-current").click(function(){
            window.location.href="/index.php/Mobile/School/partner.html";
        });
        $(".show-school-latest").click(function(){
            window.location.href="/index.php/Mobile/School/design.html";
        });
    });
    function myalert(con){
        layer.open({
            content: con,
            time: 3
        });
    }
    function school_code_click(type,ccode,isGoods_id){
        var cookie_schoolcode="654321";
        var cookie_sex="3";
        var code_arr=['123123','654321'];
        var boo_code=true;
        if(ccode){
            cookie_schoolcode=ccode;
            cookie_sex=3;
        }else{
            //console.info(cookie_schoolcode);
            for(var i=0;i<code_arr.length;i++){
                //console.info(code_arr[i]);
                if(cookie_schoolcode==code_arr[i]){
                    boo_code=false;
                }
            }

        }
        if(cookie_schoolcode && boo_code){
            var data={"schoolCode":cookie_schoolcode,"sex":cookie_sex,"type":type};
            $.post("/index.php/Mobile/School/check.html",data,function(data){
                //console.info(data);
                if(data.status==1){
                    if(isGoods_id){
                        window.location.href="/index.php/Mobile/School/goodsDetail/goods_id/165/order_type/sale_type2.html";
                    }else{
                        locatCode(type);
                    }
                }else{
                    layer.open({
                        content:data.msg,
                        btn:['切换学校','取消'],
                        yes:function(index){
                            locatCode(type,true);
                            layer.close(index);
                        }
                    });
                }
            });
        }else{
            locatCode(type,true);
        }

    }
    function locatCode(type,setcok){
        var data={"type":type};
        if(setcok){
            data.setcookie=setcok;
        }
        $.get("/index.php/Mobile/School/locatCode.html",data,function(data){
            console.info(data);
            window.location.href=data.msg;
        });

    }
</script>

<div class="footer-nav" id="footer-id">
    <ul class="clearfix">
        <li class="icon-home">
            <a href="/index.php/Mobile/School/index.html">
                <span class="footer-nav-icon"></span>
                <i>首页</i>
            </a>
        </li>

        <li class="icon-shop">
            <!--<a  href="/index.php/Mobile/school/code/type/all.html">-->
            <a href="javascript:;" class="dgall">
                <span class="footer-nav-icon"></span>
                <i>订购</i>
            </a>
        </li>

        <li class="icon-plus">
            <a href="javascript:;" onclick="school_code_click('single')">
                <span class="footer-nav-icon "></span>
                <i>补订</i>
            </a>
        </li>

        <li class="icon-sale">
            <a class="active" href="javascript:;">
                <span class="footer-nav-icon"></span>
                <i>特卖</i>
            </a>
        </li>

        <li class="icon-account">
            <a href="/index.php/Mobile/User/index.html">
                <span class="footer-nav-icon"></span>
                <i>我的</i>
            </a>
        </li>
    </ul>
</div>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=58628942" charset="UTF-8"></script>

<style>
    .online-service{
        width: 1.4rem;
        height: 1.4rem;
        background: #fff;
        position: fixed;
        right: .2rem;
        bottom: 2rem;
        background: url("/Template/mobile/yun/Static/images/service.png") center center no-repeat;
        background-size: cover;
    }
    .online-service a{
        display: inline-block;
        width: 100%;
        height: 100%;
    }
</style>

<div class="online-service"> <a href="http://kefu.easemob.com/webim/im.html?tenantId=27419"></a> </div>

<script>
    function call_back(msg){
        if(msg){
            layer.closeAll();
            postList('','','',msg);
        }
    }
    $(function(){
        $(".sure-btn a").click(function(){
            $(".alert-mask").hide();
        });
    });
</script>

</body>
</html>